<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page  import=" java.sql.*"%>
<jsp:useBean id="loginBean" class="mybean.data.login" scope="session"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理员主页</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/index-1.css">
	<link rel="stylesheet" type="text/css" href="css/index-2.css">
	<style type="text/css">           
      /*搜索框*/
	.box{
    	height: 50px;                
 	}
	.search{
   	 	width: 350px;
    	height: 30px;
    	border-radius: 15px;
   		margin: 10px 0;
    	background: url(pictures/search.ico) no-repeat;
    	background-color: white;
    	background-position: 3px;
    	padding-left: 30px;
    	border: 1px solid black;
    	outline: none;
	}
    </style>
</head>
<body>
	<!-- 头部 -->
	<%@ include file="Ahead.txt" %>
<div class="homepage-content">	
	<div class="tab" id="leftMenu">
  		<button class="tablinks" onclick="openInfo(event, 'user')" id="defaultOpen">用户管理</button>
  		<button class="tablinks" onclick="openInfo(event, 'bike')">单车管理</button>
  		<button class="tablinks" onclick="openInfo(event, 'order')">订单管理</button>
  		<button class="tablinks" onclick="openInfo(event, 'fix')">维修记录</button>
  		<button class="tablinks" onclick="openInfo(event, 'district')">地区情况</button>
  		<button class="tablinks" onclick="openInfo(event, 'provider')">供应商管理</button>
  		<button class="tablinks" onclick="openInfo(event, 'userecord')">单车使用记录</button>
	</div>
	<div id="user" class="tabcontent">
		<p style="padding: 50px;">用户信息查询 </p>
		<div class="Admin-content" style="padding:50px;"><center>
			<form action="SearchUsersServlet" method="post"><div class="box">
				<input type="text" placeholder="输入你想找的用户名或ID" name="searchMess" class="search" >
				<input type="submit" name="submit" value="搜索" class="submit"><br><br></div><br>
				<input type="radio"  name="radio" value="username" >账号
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="radio"  name="radio" value="realname" >姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="radio"  name="radio" value="id" >用户身份证号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="radio"  name="radio" value="all" >所有用户
			</form></center></div>
	</div>
<div id="bike" class="tabcontent">
	<div class="content">
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'bike')" style="background-color:#ddd;">单车信息
		</button></div>
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'manager')" style="background-color:#ddd;">单车管理人信息
		</button></div>
	</div><br><br><br><br>
	<span style="padding-left: 100px;">单车信息查询</span>
	<form action="addBike.jsp" method="post" style="float: right;padding-right: 400px;">					
		<input type="submit" name="g" value="添加" class='submit'></form>
 	<div class="Admin-content"><center>
		<form action="SearchBikesServlet" method="post">
			<input type="text" placeholder="输入你想找的单车编号或ID" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="Bid" >单车编号&nbsp;
			<input type="radio"  name="radio" value="district" >地区&nbsp;
			<input type="radio"  name="radio" value="provider" >供应商&nbsp;
			<input type="radio"  name="radio" value="memo" >单车状态
			<input type="radio"  name="radio" value="manager" >单车管理人
			<input type="radio"  name="radio" value="all" >所有单车
		</form></center>
	</div>
</div>
<div id="manager" class="tabcontent">
	<div class="content">
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'bike')" style="background-color: #ddd;">单车信息
		</button></div>
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'manager')" style="background-color:#ddd;">单车管理人信息</button></div>
	</div><br><br><br><br>
	<span style="padding-left: 100px;">单车管理人信息查询</span>
	<form action="addmanager.jsp" method="post" style="float: right;padding-right: 400px;">					
		<input type="submit" name="g" value="添加" class='submit'></form>
	<div class="Admin-content"><center>
		<form action="SearchManagerServlet" method="post">
			<input type="text" placeholder="输入想找的管理人的名字" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="name" >姓名
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有</form></center>
	</div>
</div>
<div id="order" class="tabcontent">
	<p style="padding:50px;">用户订单查询</p>
	<div class="Admin-content" style="padding:50px;">			
		<center>
		<form action="SearchOrderServlet" method="post">
			<input type="text" placeholder="输入你想找的订单信息" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="id" >订单编号&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="bid" >单车编号&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="name" >用户名&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有
		</form></center></div>
</div>
<div id="provider" class="tabcontent">
	<div  style="padding:50px;">
		<span >供应商信息查询</span>
		<form action="addProvider.jsp" method="post" style="float: right;padding-right: 400px;">					
			<input type="submit" name="g" value="添加" class='submit'></form>
 	</div>
 	<div class="Admin-content">			 
		<center>
		<form action="SearchProviderServlet" method="post">
			<input type="text" placeholder="输入你想找的供应商名称" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="Bid" >供应商名
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有
		</form></center></div>
</div>
<div id="fix" class="tabcontent">
	<div class="content">
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'fix')" style="background-color:#ddd;">维修记录
		</button></div>
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'fixshop')" style="background-color:#ddd;">维修厂信息
		</button></div>
	</div><br><br><br><br>
	<span style="padding-left: 100px;">维修记录查询</span>
	<form action="addFix.jsp" method="post" style="float: right;padding-right: 400px;">					
		<input type="submit" name="g" value="添加" class='submit'></form>
  	<div class="Admin-content"><center>
		<form action="SearchFixServlet" method="post">
			<input type="text" placeholder="输入你想找的维修记录" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="name" >维修厂名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="date" >维修日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有
		</form></center>
	</div>
</div>
<div id="fixshop" class="tabcontent">
	<div class="content">
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'fix')" style="background-color:#ddd;">维修记录
		</button></div>
		<div class="tab" id="leftMenu">
		<button class="tablinks" onclick="openInfo(event, 'fixshop')" style="background-color:#ddd;">维修厂信息</button></div>
	</div><br><br><br><br>
	<span style="padding-left: 100px;">维修厂信息查询</span>
	<form action="addfixshop.jsp" method="post" style="float: right;padding-right: 400px;">					
		<input type="submit" name="g" value="添加" class='submit'></form>
	<div class="Admin-content"><center>
		<form action="SearchFixshopServlet" method="post">
			<input type="text" placeholder="输入想找的维修厂名称" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="name" >名称
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有</form></center>
	</div>
</div>
<div id="district" class="tabcontent">
	<div style="padding:50px;">
  	<span>地区单车信息查询</span>
	<form action="addDistrict.jsp" method="post" style="float: right;padding-right: 400px;">					
		<input type="submit" name="g" value="添加" class='submit'></form>
 	</div>
 	<div class="Admin-content">			
		<center>
		<form action="SearchDistrictServlet" method="post">
			<input type="text" placeholder="输入信息" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="name" >地区名
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有
		</form></center></div>
</div>
<div id="userecord" class="tabcontent">
  	<p style="padding: 50px;">单车使用记录查询</p>
 	<div class="Admin-content">			
		<center>
		<form action="SearchUserecordServlet" method="post">
			<input type="text" placeholder="输入你想找的单车使用记录" name="searchMess" class="search" >
			<input type="submit" name="submit" value="搜索" class="submit"><br><br>
			<input type="radio"  name="radio" value="id" >单车编号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="name" >用户名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio"  name="radio" value="all" >所有
		</form></center></div>
</div>
	<script type="text/javascript">
	//左侧菜单栏
	function openInfo(evt, cityName) {
	    var i, tabcontent, tablinks;
	    tabcontent = document.getElementsByClassName("tabcontent");
	    for (i = 0; i < tabcontent.length; i++) {
	        tabcontent[i].style.display = "none";
	    }
	    tablinks = document.getElementsByClassName("tablinks");
	    for (i = 0; i < tablinks.length; i++) {
	        tablinks[i].className = tablinks[i].className.replace(" active", "");
	    }
	    document.getElementById(cityName).style.display = "block";
	    evt.currentTarget.className += " active";
	}
	// 触发 id="defaultOpen" click 事件
	document.getElementById("defaultOpen").click();
	</script>						
    </div>	
	<!--页面底部-->
	<!--所以的页面底部都一样，用一个文本文件存储，所有JSP文件使用嵌入-->
	<%@ include file="footer.txt" %>
</body>
</html>